/*
  学习目标：解决this指向undefined的常用办法（两种）
  原理： 箭头函数没有this， 会自动绑定环境中的this
  1. 在render函数内， 事件箭头函数绑定事件
  2. 在class内， 用箭头函数定义事件
*/

import React, { Component } from 'react';

export default class App extends Component {
  state = {
    msg: '123',
  };

  render() {
    return (
      <div>
        <button
          //  1. 在render函数内， 事件箭头函数绑定事件
          // onClick={() => this.handleXxxxx()}
          onClick={this.handleXxxxx}
        >
          点我查看this
        </button>
      </div>
    );
  }

  // 2. 定义事件函数时， 用箭头函数定义事件
  handleXxxxx = () => {
    console.log('this  ----->  ', this);
  };
}
